	
#wrap {
  position : relative;	
  padding:10px 10px 10px 10px;
  background:#DDD;
  height:498px;
  width: 700px;
  margin : 0px 0px 0px 0px;
}

#up, #down {
  float: right;
  margin : 0px 0px 0px 0px;
  padding: 0px;
  height : 20px;
  width : 50px;
}

#up {
  clear: right;
  margin-top: 10px;
}
#down {
  clear: right;
  margin-top: 210px;
}

#up a, #down a {
  text-decoration:none;
  color:#FFF;
  font-weight:bold;
  font-family:serif;
  font-size:2em;
  display:block;
}

#up a:hover, #down a:hover {
  color: #999;
}

#up .btn_ud,#down  .btn_ud {
  position: relative;
  vertical-align: top;
  width: 100%;
  height: 60px;
  padding: 0;
  font-size: 22px;
  color:white;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  background: #bdc3c7;
  border: 0;
  border-bottom: 2px solid #acb2b7;
  cursor: pointer;
  -webkit-box-shadow: inset 0 -2px #acb2b7;
  box-shadow: inset 0 -2px #acb2b7;
}
#up .btn_ud:active,#down  .btn_ud:active {
  top: 1px;
  outline: none;
  background: #bdc9c7;
}

#up .btn_ud:hover,#down  .btn_ud:hover {
  top: 1px;
  outline: none;
  background: #bdc9c7;
}


#btn_category_div .btn_pos, #btn_payment_div  .btn_pos ,#btn_others_div .btn_pos {
  position: relative;
  vertical-align: top;
  width: 100%;
  height: 40px;
  padding: 0;
  font-size: 14px;
  color: white;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  background: #60a917;
  border: 0;
  border-bottom: 0px solid #60a917;
  cursor: pointer;
  -webkit-box-shadow: inset 0 -2px #60a917;
  box-shadow: inset 0 -2px #60a917;
}
#btn_category_div .btn_pos:active, #btn_payment_div .btn_pos:active, #btn_others_div .btn_pos:active {
  top: 1px;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

#btn_category_div .btn_pos:hover, #btn_payment_div .btn_pos:hover, #btn_others_div  .btn_pos:hover {
  top: 1px;
  outline: none;
  background: #60a017;
}

#window_ctl{
  top : 0;
  float : right ;
  position : absolute;  
  margin : 10px 0px 10px 90%;
}


#window {
   
  width: 90%;
  height: 94%;
  overflow: hidden;
  margin : 10px 0px 10px 60px;
  
}

#window ul {
  top : 0;
  padding:0;
  margin:1px;
}

#window ul li {
  padding:5px;
  float:left;
  margin:1px;
  background:#777;
  list-style-type:none;
  color:#FFF;
}


/*custum for product list button*/
#window .btn_product {
   height: 100px;
   width : 98px;

   border-top: 1px solid #96d1f8;
   background: #65a9d7;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
   background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
   background: -moz-linear-gradient(top, #3e779d, #65a9d7);
   background: -ms-linear-gradient(top, #3e779d, #65a9d7);
   background: -o-linear-gradient(top, #3e779d, #65a9d7);
   padding: 10px 10px;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 12px;
   font-family: Georgia, serif;
   text-decoration: none;
   vertical-align: middle;
}

#window .btn_product:hover  {
   border-top-color: #28597a;
   background: #28597a;
   color: #ccc;
}
#window .btn_product:active {
   border-top-color: #1b435e;
   background: #1b435e;
}

#window .btn_product img { width:100%; height:60px; padding:2px ;}
#window .btn_product span { background: #F5F5F5; display:block; height: 20px; display:table-cell; line-height:10px; vertical-align:top; width:90%; }
#window .btn_product:hover span { background: #EEE; }



#cat_div {
  width: 95%;
  height: 38px;
  overflow: hidden;
  margin : 0px;
}

.btn_left, .btn_right{
  height: 38px;
  width: 30px;
  
   position: relative;
  vertical-align: top;
  width: 100%;

  padding: 0;
  font-size: 14px;
  color: white;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  background: #60a917;
  border: 0;
  border-bottom: 0px solid #60a917;
  cursor: pointer;
  -webkit-box-shadow: inset 0 -2px #60a917;
  box-shadow: inset 0 -2px #60a917;
}


#cat_div ul {
  padding:0;
  margin:1px;
}

#cat_div ul li {
  padding:0px;
  float:left;
  margin:1px;
  background:#777;
  list-style-type:none;
  color:#FFF;
}